<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   	<%@ include file="/page/commen/common.jsp" %>
   	
   		<script type="text/javascript">

           $(document).ready(function(){
             $("#functionType li h4").click(function(){
                var obj= $(this);
               var ulObj=obj.next();
              var className=obj.attr("class");
             if(className.indexOf("choose")>0){
               obj.removeClass("choose");
               ulObj.slideUp().addClass("displayNone");
             }
             else{
             $("#functionType li h4.choose").removeClass("choose");
                $(this).addClass("choose");    
                  $("#functionType li ul").slideUp().addClass("displayNone");  
                  ulObj.slideDown();
                  ulObj.removeClass("displayNone");
                 }
                 }
                 ).hover(
            function(){
              $(this).addClass("over");    //鼠标经过添加over样式
            },function(){
             $(this).removeClass("over");   //鼠标离开移除over样式
          }); 
          
          $(".funcItem li").click(function(){
              $(".funcItem li.current").removeClass("current");
              $(this).addClass("current"); 
               var idStr=$(this).attr("id");
               var idnum=idStr.substring(idStr.indexOf("_")+1);
               var html=$("#funitemInfo_"+idnum).val();
               $("#funInfo").html(html);
               }).hover(
            function(){
              $(this).addClass("over");    //鼠标经过添加over样式
            },function(){
             $(this).removeClass("over");   //鼠标离开移除over样式
          }); 
          
          
          var items=$("li.normal");
          var fristItem=items[0];
          var fristItemObj=$(fristItem);
              fristItemObj.addClass("current"); 
               var idStr=fristItemObj.attr("id");
               var idnum=idStr.substring(idStr.indexOf("_")+1);
               var html=$("#funitemInfo_"+idnum).val();
               $("#funInfo").html(html);
               
             setMenu("gongneng");//设置菜单显示选中项
         });
   		</script>
    <title>功能介绍</title>
  </head>
  
  <body class="ContentBody">
  	<%@ include file="/page/commen/top.jsp" %>
		<div class="left" >	
		 <div class="left_articles">
		 <p class="description func">功能介绍</p>
		 <div id="funInfo"></div>
	
        </div>
  </div>
  
  	<div id="right">
			<div class="left_articles">
               <p class="description funItemImg">功能栏</p>
               <ul class="functionType" id="functionType">
               	 <li>
               	 <h4 class="typeh choose">基本功能</h4>
               	<ul class="funcItem"> 
	 <s:iterator  value="fDTOs" status="status">

	  <s:if test="funType==0">
	   <li class="normal" id="funitemLi_<s:property value='funId'/>">
	     <s:property value="name"/>
	      <input type="hidden" id="funitemInfo_<s:property value='funId'/>" value="<s:property value='fdesc'/>"/>
	   </li>
	   </s:if>
	        </s:iterator>
	        </ul>
	        </li>
	              <li>
	               <h4 class="typeh">高级功能</h4>
	              	<ul class="funcItem displayNone" > 

	 <s:iterator  value="fDTOs" status="status">
	  <s:if test="funType==1">
	   <li class="normal" id="funitemLi_<s:property value='funId'/>">
	      <s:property value="name"/>
	      <input type="hidden" id="funitemInfo_<s:property value='funId'/>" value="<s:property value='fdesc'/>"/>
	   </li>
	   </s:if>
	        </s:iterator>
	    </ul>
	    </ul>
	  </div>
	  
	<%@ include file="/page/commen/contactUs.jsp" %>
			</div>

			

	<%@ include file="/page/commen/foot.jsp" %>	
	
  </body>
</html>
